@charset 'utf-8';

@mixin bo {
  border: 1px solid red;
};

$color: #336699;
$color2: #888888;
$color3: #2277aa;

.main {
  width: 1000px;

  // height: 1500px;
  &::after {
    content: '';
    display: block;
    clear: both;
  }
  margin: 0 auto;
  margin-top: 40px;

  .left_main {
    width: 676px;
    // height: 1300px;
    float: left;
    >h3 {
      height: 40px;
      line-height: 40px;
      font-size: 28px;
    }
    ul {
      li {
        margin: 30px auto;
        display: flex;
        img {
          display: inline-block;
          width: 50px;
          height: 70px;
          // flex: 1;
        }
        .movieinfo {
          // flex: 1;
          float: right;
          margin-left: 15px;
          a{
            color: $color3;
            font-size: 14px;
            &:hover {
              background-color: $color;
              color: #fff;
            }
          }
          p:nth-child(2) {
            color: #e09015;
            margin: 5px auto;
            font-size: 12px;
          }
          p:nth-child(3) {
            color: #999999;
            
            font-size: 12px;
          }
          p:nth-child(4) {
            color: #999999;
            font-size: 12px;
          }
        }
        
      }
    }
  }

  .right_main {
    width: 300px;
    height: 300px;
    float: right;

  }
}